<template>
    <div style="height: 100%" >

        <br />
        <img :src="icon1" width="100" height="100" />
        <el-button @click="doShare" >doShare</el-button>
    </div>
</template>

<script>
    import * as appServer from '../../store/appServerParams.js'
    import * as util from '../../assets/util.js'
    // import * as pps  from '../picpreview/ps/pps.js'
    import vueWaterfallEasy from 'vue-waterfall-easy'

    import wx from 'weixin-js-sdk'

    export default {
        components: {
            vueWaterfallEasy
        },
        data() {
            return {
                headerInfo:{
                    Authorization:util.local(appServer.TOKEN)
                },
                pic1 :  appServer.BASE_URL + "/resources/photo/1.jpg" ,
                pic2 :  "http://pic15.nipic.com/20110628/1369025_192645024000_2.jpg" ,
                icon1 : "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1560506027023&di=c9aab9b8888bc3c04d0644056f2f76f3&imgtype=0&src=http%3A%2F%2Fbpic.588ku.com%2Felement_origin_min_pic%2F00%2F86%2F89%2F8956ec576d4d7f5.jpg",

                shareLink : "http://192.168.31.51:8081/guestVisit2",
                shareTitle : "分享标题11",
                shareDesc : "分享描述描述描述11",
            };
        },
        methods: {
            shareConfig( datas ) {
                let vm = this;
                wx.config({
                    debug: true,
                    appId: datas.sign.appID , // 和获取Ticke的必须一样------必填，公众号的唯一标识
                    timestamp: datas.sign.timestamp, // 必填，生成签名的时间戳
                    nonceStr: datas.sign.noncestr, // 必填，生成签名的随机串
                    signature:  datas.sign.signature,// 必填，签名，见附录1
                    //需要分享的列表项:发送给朋友，分享到朋友圈，分享到QQ，分享到QQ空间
                    jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline', 'onMenuShareQQ', 'onMenuShareQZone']
                });
                //处理验证失败的信息
                wx.error(function (res) {
                    logUtil.printLog('验证失败返回的信息:', res);
                });
                //处理验证成功的信息
                wx.ready(function () {
                    //分享到朋友圈
                    //分享给朋友
                    wx.onMenuShareAppMessage({
                        title: vm.shareTitle, // 分享标题
                        desc: vm.shareDesc, // 分享描述
                        link: vm.shareLink, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                        imgUrl: vm.icon1, // 分享图标
                        type: 'link', // 分享类型,music、video或link，不填默认为link
                        dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                        success: function (res) {
                            // 用户确认分享后执行的回调函数
                            console.log("分享给朋友成功返回的信息为:" + res);
                        },
                        cancel: function (res) {
                            // 用户取消分享后执行的回调函数
                            console.log("取消分享给朋友返回的信息为:" + res);
                        }
                    });
                });
            },
            getSignInfoFromServer(){
                let vm = this;
                let path = "guest/doShareSignForUrl";
                let params = new FormData();
                params.append("shareUrl", vm.shareLink );
                vm.$http.post(path, params)
                    .then(function (response) {
                        if (response.data.result) {
                            vm.shareConfig( response.data  );
                        } else {
                            vm.$message.error(vm.$t('Failed'));
                        }
                    }).catch(function (error) {
                    vm.$message.error(vm.$t('Failed'));
                    console.log(error)
                });
            },
            doShare(){
                // wx.invoke('sendAppMessage',{
                //     title: vm.shareTitle, // 分享标题
                //     desc: vm.shareDesc, // 分享描述
                //     link: vm.shareLink, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                //     imgUrl: vm.icon1, // 分享图标
                //     type: 'link', // 分享类型,music、video或link，不填默认为link
                //     dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                // });
            },
        },
        created: function () {
            let vm = this;
            vm.getSignInfoFromServer();
        }
    }
</script>
